/*Index phone styles*/
@media (max-width: 800px) {
	
	.container {
		min-width: 100% !important;
		max-width: 100% !important;
	}
	.f-menu {
		height: auto !important;
		position: relative !important;
	}
	.f-menu .span2 {
		margin: 0 0 10px;0;
		clear: both;
		width: 100% !important;
		height: 40px !important;
	}
	.f-menuItem {
		width: 100% !important;
		position: relative !important;
		border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		-webkit-border-radius: 0px !important;
		height: 40px !important;
		border-left: none !important;
		border-right: none !important;
	}

	.f-menuItem .f-image {
		display: none;
	}

	.f-menuItem .f-subText {
		display: none !important;
	}
	.f-footer {
		position: relative !important;
		margin: 3px 0 0 0 !important;
		background: none !important;
	}
	.f-footer .f-inner {
		width: 100% !important;
		text-align: center;
	}
	.f-footer .f-inner p {
		text-align: center;
	}
	.f-index .f-footer .f-inner p {
		color:#fff!important;
	}
	.f-footer p, .f-footer ul {
		float: none !important;
	}
	/*Miselanius phone styles*/
	.f-hidePhone {
		display: none !important;
	}
	.f-showPhone {
		display: block !important;
	}
	
}



/*Sustainability Phone Styles*/
@media (max-width: 800px) {
	.f-susteinability-text-phone h1, .f-susteinability-text-phone p{
		text-shadow: 2px 2px 7px #000;
	}
	.f-susteinability-text-phone h1{
		font-size:25px
	}
	
	.f-susteinability-text-phone a{
		text-decoration: underline;
	}
	
	.f-susteinability-text-phone{
		width:100%!important;
	}
	
	.f-susteinability-text-phone .span4{
		width: 100%;
		padding:20px!important;
		background:url("/wp-content/themes/fructa/images/9.jpg")center !important;
		background-size:800px 600px!important;
	}
	
	
	
	.f-susteinability-header{
		margin:0px!important;
		padding:0px!important;
	}
}

/*Company Phone Styles*/
@media (max-width: 800px) {
	.f-company-text-phone h1, .f-company-text-phone p{
		text-shadow: 2px 2px 7px #000;
	}
	.f-company-text-phonea{
		text-decoration: underline;
	}
	.f-company-text-phone h1, .f-company-text-phone p{
		text-shadow: 2px 2px 7px #000;
	}
	.f-company-text-phone h1{
		font-size:25px
	}
	
	.f-company-text-phone .span4{
		width: 100%;
		padding:20px!important;
		background:url("/wp-content/themes/fructa/images/1.jpg")center !important;
		background-size:800px 600px!important;
	}
	
	.f-company-text-phone a{
		text-decoration: underline;
	}
	
	.f-company-text-phone{
		width:100%!important;
	}
	.f-header .offset8{
		margin-left:0px!important;
	}
}


/*Contact Phone Styles*/
@media (max-width: 800px) {
	.f-contactInformation{
		display:none!important;
	}
	.f-contactForm{
		width:100%!important;
	}
	.f-contactForm {
		padding:15px;
		background:url("/wp-content/uploads/13.jpg") center;
	}
	.f-contactForm .span6{
		clear:both;
		width:100%;
		margin:0px;
	}
	.f-contactForm .span6 select{
		width:94%;
	}
	.f-contact{
		padding:0px!important;
	}
	.f-contact h1{
		font-size:20px;
	}
	div.error2, div.error {
		clear:both;
		position:relative!important;
		margin: 0 0 20px 0!important;
		padding: 0px;
		color: #FF0;
		left:0px!important;

		
	}
	.f-contact input[type="text"], .f-contact input[type="email"], .f-contact input[type="tel"] {
  clear:left;
  display:block;
}

}

/*Product Phone Styles*/

@media (max-width: 800px) {
	.f-product-cat.tab-content {
		overflow: visible !important;
	}
	.f-header {
		height: auto;
	}
	.f-product-cat .f-product-block {
		border-radius: 0px !important;
		width: 100%;
		margin: 0px !important;
		height: auto !important;
		min-height: 415px;
		background: #61BA69!important;
	}
	.f-product-cat .f-product-block:hover {
		background: #61BA69 !important;
	}
	.f-header .f-product-menu {
		width: 100%;
		margin: 0px;
	}
	.f-header .f-product-menu li {
		width: 33.3333333%;
		text-align: center;
		margin: 0 0 0 0;
		border-radius: 0px !important;
		
	}
	.f-header .f-product-menu li a {
		text-align: center;
		border-radius: 0px !important;
		padding: 10px 3px;
		margin: 0px;
		background: #006505;
		text-decoration: none;
	}
	.f-header .f-product-menu li.active a {
		background: #61BA69 !important;
	}
	.f-product-cat .f-product-block ul {
		
	}
	.f-product-cat .f-product-block ul li {
		background-color: #498e2d;
		-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
		-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
		box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
		text-align:center;
		padding:5px 0;
	}
	.f-product-cat {
		width: 100%;
		margin: 0px;
	}
	.f-product-cat .f-product-block.first {
		box-shadow: 0px!important;
		background-image:none!important;
	}


	.f-product-cat .f-product-block.first:hover {
		box-shadow: 0px!important;
		background-image:none!important;
	}

	.f-product-cat .f-product-block.last {
		box-shadow: 0px!important;
		background-image:none!important;
	}

	.f-product-cat .f-product-block.last:hover {
		box-shadow: 0px!important;
		background-image:none!important;
	}
	
	.f-product-description .span3{
		display:none!important;
	}
	.f-product-description .span9{
		width:100%!important;
	}
	.f-product-tables .span9{
		width:100%!important;
	}
	.f-product-page h3,.f-product-page h2 {
		padding:0 10px!important;
	}
	.f-product-cat .f-product-block img {
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		-o-box-shadow:none;
	}
	
}


/*Quality Phone Styles*/

@media (max-width: 800px) {
	.certifications {
		height: auto !important;
	}
	.f-qualityPage .f-header {
		height: auto !important;
	}
	.certifications li .certf-descp {
		visibility: visible;
		width: 100% !important;
		float:none;
	}
	.certifications li:hover .white-arrow {
		display: none !important;
	}
	.f-grid {
		margin-top: 10px;
	}
	.f-grid-img {
		margin-bottom: 10px !important;
	}
	.f-grid-txt {
		margin-bottom: 10px !important;
	}
	.f-grid .span6, .f-grid .span8, .f-grid .span7, .f-grid .span5 , .f-grid .span4{
		width: 100%;
		clear: both;
		margin: 0 0 0 0;
	}
	.f-grid-row .f-grid-margin, .f-grid .f-grid-row {
		margin: 0 0 0 0;
	}
	.certifications {
		text-align:center;
		min-height:100%!important;
		padding-bottom:0px!important;
		
	}
	.tab-pane{
		display:none!important;
	}
	.tab-pane.active{
		display:block!important;
	}
}

/*Navbar phone styles*/
@media (max-width: 800px) {
	.f-header .navbar {
		left: 0px !important;
		width: 100% !important;
		background-color: rgba(255,255,255, 0.7);
		height: 40px !important;
	}
	.f-grid .f-grid-img-ajust {
		height: auto !important;
	}
	.navbar .btn-navbar {
		margin: 5px;
	}
	.f-header .navbar .navbar-inner {
		height: 40px !important;
		min-height: 40px !important;
	}
	.f-logo-phone {
		width: 90px;
		margin: 5px 10px;
		float: left;
	}
	.nav li {
		height: 40px !important;
	}
	.nav-collapse {
		height: auto;
		width: 100%;
	}
	.nav-collapse .nav  li  a {
		color: #fff !important;
		text-align: center !important;
		border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		-webkit-border-radius: 0px !important;
	}
	.nav-collapse .nav  li:nth-child(odd)  a {
		background: rgba(196,216,104, 0.8) !important;
	}
	.nav-collapse .nav  li:nth-child(odd)  a:hover {
		background: rgba(196,216,104, 1) !important;
	}
	.nav-collapse .nav  li:nth-child(even)  a {
		background: rgba(98,166,10, 0.8) !important;
	}
	.nav-collapse .nav  li:nth-child(even)  a:hover {
		background: rgba(98,166,10, 1) !important;
	}
	.nav-collapse .nav  li  a.active {
		background: rgba(255,106,0, 0.8) !important;
	}
}

/*Miselanius phone styles*/
@media (min-width: 800px) {
	.f-showPhone {
		display: none;
	}
}

/*resposive bootstrap navbar*/

.clearfix {
	*zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 800px) {
	body {
		padding-top: 0;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		position: static;
	}
	.navbar-fixed-top {
		margin-bottom: 20px;
	}
	.navbar-fixed-bottom {
		margin-top: 20px;
	}
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
		padding: 5px;
	}
	.navbar .container {
		width: auto;
		padding: 0;
	}
	.navbar .brand {
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 0 0 -5px;
	}
	.nav-collapse {
		clear: both;
	}
	.nav-collapse .nav {
		float: none;
		margin: 0 0 10px;
	}
	.nav-collapse .nav > li {
		float: none;
	}
	.nav-collapse .nav > li > a {
		margin-bottom: 2px;
	}
	.nav-collapse .nav > .divider-vertical {
		display: none;
	}
	.nav-collapse .nav .nav-header {
		color: #777777;
		text-shadow: none;
	}
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
		padding: 10px 15px;
		font-weight: bold;
		color: #777777;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.nav-collapse .btn {
		padding: 4px 10px 4px;
		font-weight: normal;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.nav-collapse .dropdown-menu li + li a {
		margin-bottom: 2px;
	}
	.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
		background-color: #f2f2f2;
	}
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
		color: #999999;
	}
	.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
		background-color: #111111;
	}
	.nav-collapse.in .btn-group {
		margin-top: 5px;
		padding: 0;
	}
	.nav-collapse .dropdown-menu {
		position: static;
		top: auto;
		left: auto;
		float: none;
		display: none;
		max-width: none;
		margin: 0 15px;
		padding: 0;
		background-color: transparent;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.nav-collapse .open > .dropdown-menu {
		display: block;
	}
	.nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {
		display: none;
	}
	.nav-collapse .dropdown-menu .divider {
		display: none;
	}
	.nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after {
		display: none;
	}
	.nav-collapse .navbar-form, .nav-collapse .navbar-search {
		float: none;
		padding: 10px 15px;
		margin: 10px 0;
		border-top: 1px solid #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
	}
	.navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search {
		border-top-color: #111111;
		border-bottom-color: #111111;
	}
	.navbar .nav-collapse .nav.pull-right {
		float: none;
		margin-left: 0;
	}
	.nav-collapse, .nav-collapse.collapse {
		overflow: hidden;
		height: 0;
		background: rgba(255,255,255,0.7);
		-moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
		box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#444444')";
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#444444');
	}
	.navbar .btn-navbar {
		display: block;
	}
	.navbar-static .navbar-inner {
		padding-left: 10px;
		padding-right: 10px;
	}
	.navbar-inner {
		padding: 0px;
	}

}
@media (min-width: 980px) {
	.nav-collapse.collapse {
		height: auto !important;
		overflow: visible !important;
	}
}
/*Swipe CSS*/
@media (max-width: 800px) {
	.swipeArrowLeft, .swipeArrowRight{
		position:absolute;
	}
	.swipe {
		overflow: hidden !important;
		position: relative !important;
	}
	.swipe-wrap {
		overflow: hidden !important;
		position: relative !important;
	}
	.swipe-wrap > li {
		float: left !important;
		position: relative !important;
		overflow: hidden !important;
	}
	h2.certification-title {
		margin: 0px;
		width: 100%;
		text-align: center;
	}
	.certifications li .certf-descp {
		width: auto !important;
		clear: both;
		height: 150px;
		text-align: center;
		padding: 5%;
	}
	.certifications li .certf {
		clear: both;
		margin: 10px auto;
		width: 100%;
	}
	.certf.irma {
		position:relative!important;
	}
	.certf.irma .swipeArrowLeft,.certf.irma .swipeArrowRight{
		position:absolute!important;
		top: 30px;
	}
	.certf.irma .swipeArrowRight{
		left:0px;
	}
	.certf.irma .swipeArrowLeft{
		right:0px;
	}
	
	#non-sliderSwipe{
		display: none;
	}
}